/**
 * Theme D
 *
 * (Red)
 **/
@mixin theme-d ($interactive: false) {
	@include linear-gradient(#cc0000, #660000);
	color: #fafafa;
	text-shadow: 0 -1px 1px $shadow-color-dark;
	border-color: #330000;

	@if $interactive {
		cursor: pointer;

		&:hover {
			@include linear-gradient(#ee0000, #880000);
			color: #fafafa;
			border-color: #550000;
		}

		&:active {
			@include linear-gradient(#660000, #cc0000);
			color: #fafafa;
			border-color: #330000;
		}

		&.selected {
			@include linear-gradient(#660000, #cc0000);
			color: #fafafa;
			border-color: #110000;
		}
	}

	a {
		color: #fafafa;
	}
}
